<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./lib/vue.js">
    </script>
</head>
<body>
    <div id="app"></div>
    <script>
        var vm = new Vue({
            el : "#app",
            data : {

            },
            methods : {

            },
            // 第一个生命周期函数 在实例被创建才来之前 会执行
            baforeCreate(){
                // 作用区间 数据 方法 都还未初始化
            },
            // Vue实例完全被创建时 执行
            created(){

            },
            // Vue根据el 编译模板 此时 模板在内存中  但是尚未把模板渲染 到页面中
            // 也就是Vue中的数据 方法 还没更新到dom树
            beforeMount(){
                // 对dom操作的插件一般在这里执行

            },
            // 模板渲染到页面中  最后一个生命周期函数
            mounted(){

            },


            // 之后Vue对象便对 自己的数据 方法 进行监听
            beforeUpdate(){

            },

            // 更新
            updated(){

            },

            // 销毁Vue之前
            beforeDestroy(){

            },

            // 销毁
            destroyed(){

            }
        })
    </script>
</body>
</html>